<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>内页共用</title>
<link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<script src="../lib/js/jquery.min.js"></script>

<script src="../lib/js/bootstrap.min.js"></script>

<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../lib/plugin/bootstrap-hover-dropdown.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/commom.js"></script>

 <!----------当前页面组建js和css引用和调用----------------->
    
    <script src="../widget/bootstrapValidate/js/formValidation.js"></script>
    <script src="../widget/bootstrapValidate/js/framework/bootstrap.min.js"></script>
    <script src="../widget/bootstrapValidate/js/language/zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="../widget/bootstrapValidate/css/formValidation.min.css">
    
    <link rel="stylesheet" type="text/css" href="../widget/datetimepicker/css/bootstrap-datetimepicker.min.css">
    <script src="../widget/datetimepicker/js/moment.js"></script>
    <script src="../widget/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
</head>

<body>
<div class="container container-box">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 hidden-xs">
                    <div class="logo-box"> <a href="index.html" class="pic"><img src="images/logo.jpg"></a> <a href="#" class="txt">天津食尊聚尚餐饮管理有限公司</a> </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12"> 
                    
                    <!-------------------------------------------导航 start-------------------------------------------------------->
                    <nav class="navbar navbar-default">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                            <a class="navbar-brand visible-xs" href="index.html">众事达信息技术有限公司</a> </div>
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="index.html">网站首页</a></li>
                                <li><a href="company.html">公司简介</a></li>
                                <li class="dropdown"> <a href="productlist.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="100" role="button" aria-expanded="false">产品列表 <span class="caret"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="productlist.html">炒蔬菜</a></li>
                                        <li><a href="productlist.html">炒肉类</a></li>
                                        <li><a href="productlist.html">炒地瓜</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown"> <a href="newslist.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="100" role="button" aria-expanded="false">新闻列表 <span class="caret"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="newslist.html">国际新闻</a></li>
                                        <li><a href="newslist.html">国内新闻</a></li>
                                    </ul>
                                </li>
                                <li><a href="photolist.html">图库展示</a></li>
                                <li><a href="recruit.html">人才招聘</a></li>
                                <li><a href="messagelist.html">在线留言</a></li>
                                <li><a href="downlist.html">下载中心</a></li>
                                <li><a href="aboutus.html">关于我们</a></li>
                                <li><a href="videolist.html">视频列表</a></li>
                            </ul>
                        </div>
                    </nav>
                    <!--------------------------------------------头部 end---------------------------------------------------------> 
                </div>
            </div>
        </div>
    </div>
    <div class="row subcontainer-row">
        <div class="col-md-3 visible-lg visible-md">
            <div class="cs-box-item mt15">
                <div class="cs-box-hd"> <span class="name-c">关于我们</span> </div>
                <div class="cs-box-bd">
                    <div class="sidebar-navbox">
                        <ul class="sidebar-navlist">
                            <li class="oncurr"><a href="#"><i class="glyphicon glyphicon-menu-right"></i>企业简介</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-menu-right"></i>企业文化</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-menu-right"></i>企业荣誉</a></li>
                            <li><a href="#"><i class="glyphicon glyphicon-menu-right"></i>客户服务</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="sidebar-contactphone mt15"> <a href="aboutus.html" class="btn btn-primary btn-lg visible-lg visible-md visible-sm"><span class="glyphicon glyphicon-earphone mr10"></span>联系我们</a> <a href="tel:18559160494" class="btn btn-primary btn-lg visible-xs"><span class="glyphicon glyphicon-earphone mr10"></span>联系我们</a> </div>
        </div>
        <div class="col-md-9">
<!----------------------------------------------------------------------------->


             <div class="breadcrumb breadnav mt15"><b>您当前的位置：</b> <a href="#">首页</a>→ <span>招聘列表</span></div>
             <div class="sub-diff-navbox visible-sm visible-xs">
                <label>全部</label>
                <a href="" class="">销售类</a>
                <a href="" class="">技术类</a>
                <a href="" class="">行政类</a>
             </div>
             <div class="sub-diff-pagebox">
<!----------------------内页开始 start--------------------------------->
                <script type="text/javascript">
      $(function(){
		  $('#recruit-form').formValidation({
			    message: 'This value is not valid',
			    locale: 'zh_CN', 
				icon: {
					valid: 'glyphicon glyphicon-ok',
					invalid: 'glyphicon glyphicon-remove',
					validating: 'glyphicon glyphicon-refresh'
				},
				fields: {
					truename:{
						validators: {
							 notEmpty:{
								 message: '请输入姓名！'
							 }
						}
					},
					age:{
						validators: {
							 notEmpty:{
								 message: '请输入姓名！'
							 },
							 regexp: {
								regexp: /^[0-9]{1,20}$/,
								message: '年龄必须为数值！'
							}	
						}
					},
					birthdate: {
						validators: {
							notEmpty: {
								message: '请输入出生日期！'
							},
							date: {
								format: 'YYYY-MM-DD'
							}
						}
					},
					marry:{
					    validators: {
							notEmpty: {
								message: '请选择婚姻状况！'
							}
						}	
				    },
					race:{
					    validators: {
							notEmpty: {
								message: '请填写您的种族!'
							}
						}	
					},
					graduate:{
						 validators: {
							notEmpty: {
								message: '请输入毕业状况!'
							}
						}	
					},
					graduateschool:{
						validators: {
							notEmpty: {
								message: '请输入毕业院校!'
							}
						}	
					},
					graduatezy:{
						validators: {
							notEmpty: {
								message: '请输入您的专业!'
							}
						}	
					},
					phonenumber:{
						validators: {
						   notEmpty: {
								message: '请输入手机号码！'
							}, 
							regexp: {
								regexp: /^0?1[3|4|5|8][0-9]\d{8}$/,
								message: '请输入正确的手机号码！'
							}	
						}	
					},
					jobIntension:{
						validators: {
						   notEmpty: {
								message: '请输入求职意向！'
							}
						}	
					},
					contactaddress:{
						validators: {
							notEmpty: {
								message: '请输入您的联系地址!'
							}
						}	
					},
					experiencework:{
						validators: {
							notEmpty: {
								message: '请输入您的工作经验!'
							}
						}	
					},
					resume:{
					   validators: {
							notEmpty: {
								message: '请上传您的简历!'
							}
						}		
					},
					email:{
						validators: {
						   notEmpty: {
								message: '请输入邮箱！'
							}, 
							regexp: {
								regexp: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/,
								message: ''
							}	
						}	
					},
					yzmcode:{
						validators: {
						   notEmpty: {
								message: '请输入验证码！'
						   }
						}	
					}
			    }
				
		  })
		 $('#birth-datetimepicker').on('dp.change dp.show', function(e) {
            // Validate the date when user change it
            $('#recruit-form').data('formValidation').revalidateField('birthdate');
            // You also can call it as following:
            // $('#defaultForm').formValidation('revalidateField', 'datetimePicker');
        });
		    
      })
    </script>
<!--------------------------------->                      
                      
                      <div class="cs-recruit-form">
                      	<form class="form-horizontal" role="form"  id="recruit-form">
                          <div class="form-group">
                            <label  class="col-sm-2 control-label"><sub class="red">*</sub>姓名</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control"  placeholder="姓名" name="truename">
                            </div>
                          </div>
                          <div class="form-group">
                            <label  class="col-sm-2 control-label"><sub class="red">*</sub>年龄</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control"  placeholder="年龄" name="age" />
                            </div>
                          </div>
                          
                          <div class="form-group">
                            <label  class="col-sm-2 control-label"><sub class="red">*</sub>出生日期</label>
                            <div class="col-sm-6">
                              <div class='input-group date' id='birth-datetimepicker'>
                                    <input type='text' class="form-control" name="birthdate" />
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                              </div>
                              <script type="text/javascript">
									$(function () {
										$('#birth-datetimepicker').datetimepicker({
											locale: 'zh_CN', 
										    viewMode: 'years',
											format: 'YYYY-MM-DD'
										});
									});
							  </script>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>婚姻状态</label>
                            <div class="col-sm-2">
                              <select class="form-control" name="marry">
                                  
                                  <option value="1">已婚</option>
                                  <option value="0">未婚</option>
                                </select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>民族</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control" name="race" placeholder="民族">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>工作年限</label>
                            <div class="col-sm-3">
                              <select class="form-control" name="graduate" />
                                  <option>应届毕业生</option>
                                  <option>1</option>
                                  <option>2</option>
                                  <option>3</option>
                                  <option>4</option>
                                  <option>5</option>
                                </select>
                            </div>
                          </div>
                          <div class="form-group">
                            <label  class="col-sm-2 control-label"><sub class="red">*</sub>毕业院校</label>
                            <div class="col-sm-5">
                              <input type="text" class="form-control" placeholder="毕业院校" name="graduateschool">
                            </div>
                          </div>
                          <div class="form-group">
                            <label  class="col-sm-2 control-label"><sub class="red">*</sub>毕业专业</label>
                            <div class="col-sm-5">
                              <input type="text" class="form-control"  placeholder="毕业专业" name="graduatezy">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>手机号码</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control" name="phonenumber" placeholder="手机号码">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>联系地址</label>
                            <div class="col-sm-6">
                              <input type="text" class="form-control" name="contactaddress" placeholder="联系地址">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>工作经验</label>
                            <div class="col-sm-6">
                              <textarea class="form-control" rows="3" name="experiencework"></textarea>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">联系电话</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control" id="inputPassword3" placeholder="联系电话">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>求职意向</label>
                            <div class="col-sm-6">
                              <textarea class="form-control" rows="3" name="jobIntension"></textarea>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>简历图片</label>
                            <div class="col-sm-6">
                              <input type="file" class="form-control"  placeholder="" name="resume">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">学历</label>
                            <div class="col-sm-4">
                              <input type="text" class="form-control"  placeholder="学历">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">毕业时间</label>
                            <div class="col-sm-6">
                              <div class='input-group date' id='gradute-datetimepicker'>
                                    <input type='text' class="form-control" name="birthdate" />
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                              </div>
                              <script type="text/javascript">
									$(function () {
										$('#gradute-datetimepicker').datetimepicker({
											locale: 'zh_CN', 
										    viewMode: 'years',
											format: 'YYYY-MM-DD'
										});
									});
							  </script>
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>电子邮箱</label>
                            <div class="col-sm-4">
                              <input type="email" class="form-control"  placeholder="电子邮箱" name="email">
                            </div>
                          </div>
                          <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label"><sub class="red">*</sub>验证码</label>
                            
                            <div class="col-sm-3"><input type="text" class="form-control" placeholder="验证码" name="yzmcode"></div>
                            <div class="col-sm-3"> <Img src="images/demo/ValidateCode.gif" /></div>
                            
                          </div>
                          
                          <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                              <button type="submit" class="btn btn-success">提交简历</button> <button type="submit" class="btn btn-default">重置</button>
                            </div>
                          </div>
                        </form>
                      </div>
<!----------------------内页开始 end--------------------------------->
             </div>
 
     
<!----------------------------------------------------------------------------->
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="footer-box">
                <div class="footer-nav"> <a target="_self" href="/about/index.html">公司简介</a> | <a target="_self" href="/news">新闻内容</a> | <a target="_self" href="/products">产品展示</a> | <a target="_self" href="/friendlinks">友情链接</a> | <a target="_self" href="/about/contact.html">联系我们</a> </div>
                <div class="footer-copyright">
                    <p>地 址 ：福建省福州市台江区光明南路1号升龙汇金中心2010 联系电话：0591-88088625 传真号码：0591-88088322</p>
                    <p>Copyright（C）2011 福州环天燃料科技有限公司 ,Inc. All rights reserved Powered By 城市之星</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!--------------------移动端底部导航 start------------------------------->
<div class="cs-fixed-menu visible-sm visible-xs">
    <div class="cs-fixed-wrap">
        <div class="cs-fixed-box"> <a href="#" class="active"><i class="glyphicon glyphicon-earphone"></i><span>电话咨询</span></a> </div>
        <div class="cs-fixed-box"> <a href="#"><i class="glyphicon glyphicon-comment"></i><span>在线咨询</span></a> </div>
        <div class="cs-fixed-box"> <a href="#"><i class="glyphicon glyphicon-map-marker"></i><span>在线地图</span></a> </div>
    </div>
</div>
<!--------------------移动端底部导航 end-------------------------------> 

<!---------------------------在线客服 start-------------------------------------->
<div class="cs-online-wrap hidden-xs">
    <div class="cs-online-box"> <span class="cs-online-openBtn" id="J_online2-openBtn"></span>
        <div class="cs-online-bd">
            <div class="hd"></div>
            <div class="cs-online-itemWrap">
                <div class="cs-online-item"> <span class="tit">售前咨询</span>
                    <ul class="cs-online-list">
                        <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=948061564&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:948061564:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li>
                        <li><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=51_hello&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid=51_hello&site=cntaobao&s=1&charset=utf-8" alt="点这里给我发消息" /></a></li>
                    </ul>
                </div>
            </div>
            <a href="#" class="cs-online-closeBtn glyphicon glyphicon-remove" id="J_online2-closeBtn"></a> </div>
    </div>
</div>

<!---------------------------在线客服 end-------------------------------------->

</body>
</html>
